import 'package:flutter/material.dart';

extension Responsive on BuildContext {
  T responsive<T>(
    T origin, {
    T? phone,
    T? pad,
    T? computer,
  }) {
    // 读取屏幕的短边
    final shortSide = MediaQuery.of(this).size.shortestSide;

    // 如果短边小于600，则认为是手机端
    // 如果短边是600-1000，则认为是ipad、平板
    // 如果短边大于1000，则认为是电脑端
    if (shortSide < 600) {
      return phone ?? origin;
    } else if (shortSide < 1000) {
      return pad ?? origin;
    } else {
      return computer ?? origin;
    }
  }
}
